<template>
  <div id="news">
    <div class="banner"></div>
    <div class="news-nav">
      当前位置：首页 &gt; 新闻中心
    </div>
    <div class="news-main">
      <articlesComponent/>
    </div>
  </div>
</template>
<script>
  import articlesComponent from '@/components/news/items'
  export default{
    data () {
      return {}
    },
    beforeCreate () {
      if (typeof $.fn.fullpage.destroy === 'function') {
        $.fn.fullpage.destroy('all')
      }
    },
    methods: {
      items () {
        // this.$http.get('/article').then(m => console.log(m));
      }
    },
    components: {
      articlesComponent
    }
  }
</script>
<style>
  #news .banner{background: url("../assets/news/banner.jpg") no-repeat center top; background-attachment: fixed; height: 375px}
  #news .news-main{max-width: 1200px; margin: 0 auto; position: relative; min-height: 400px;}
  #news .news-nav{max-width: 1200px; line-height: 40px; margin: 0 auto; font-size: 14px; color: #666; margin-top: 10px; padding-left: 20px;}

</style>
